<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <link rel="shortcut icon" href="#" />
    <link
      rel="stylesheet"
      type="text/css"
      href="../../../../resources/genshin/role/role.css?v=1.0"
    />
  </head>
  <body>
    <style>
      .head_box {
        background:url(../../../../resources/genshin/roleAll/namecard/{{bg}}.png) #f5f5f5;
        background-position-x: 30px;
        background-repeat: no-repeat;
        border-radius: 15px;
        font-family: tttgbnumber;
        padding: 10px 20px;
        position: relative;
        background-size: auto 101%;
      }
    </style>
    <div class="container" id="container">
      <div class="head_box">
        <div class="id_text">ID: {{uid}}</div>
        <div class="day_text">{{activeDay}}</div>
        <img class="genshin_logo" src="../../../../resources/genshin/roleAll/原神.png">
      </div>
      <div class="data_box">
        <div class="tab_lable">数据总览</div>
        {{each line val}}
        <div class="data_line">
          {{each val item}}
          <div class="data_line_item">
            <div class="num">{{item.num}}</div>
            <div class="lable">{{item.lable}}</div>
          </div>
          {{/each}}
        </div>
        {{/each}}
      </div>
      <div class="explor_box">
        <div class="tab_lable">地图探险</div>
        {{each explor val}}
        <div class="item">
          <img class="icon" src="../../../../resources/genshin/role/{{val.name}}.png" />
          <div class="content">
            <p class="name">{{val.name}}：<span class="num">{{val.exploration_percentage}}%</span></p>
            {{ if !["雪山","渊下宫"].includes(val.name)}}
            <p>声望：<span class="num">{{val.level}}</span>级</p>
            {{/if}} {{ if val.offerings}}
            <p>{{val.offerings.name}}：<span class="num">{{val.offerings.level}}</span>级</p>
            {{/if}}
          </div>
        </div>
        {{/each}}
      </div>
    </div>
  </body>
  <script type="text/javascript"></script>
</html>
